@media screen and (min-width: 320px) and (max-width: 767px){
	html{font-size: 16px}
	.nav{
		display: none;
	}
	.logo{
		padding-top: 10px;
        width: 15%;
	}
	.logo img{
		width: 100%;
	}
	.menu{
		float: right;
		padding-top: 30px;
		width: 11%;
        display: block;
	}
	.menu>img{
		width: 100%;
	}
	.contact{
		font-size: 0.875rem;
		width: 52%; 
		margin-top: 25px;
	}
	.footLeft{
		width: 100%;
		margin-top: 0;
		height: auto;
	}
	.footLeft img{
		margin-top:30px;
		width: 25%;
		margin-left:37%;
	}
	.footLeft p{
		font-size: 0.75rem;
		text-align: center;
	}
	.footCenter{
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		height: auto;
	}
	.footCenter p{
		text-align: center;
		font-size: 0.75rem;
	}
	.footRight{
		width: 100%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.footRight>img{
		width: 35%;
		margin-left: 33%;
	}
	.footRight p{
		font-size: 0.75rem;
	}

}